<template>
	<view>
		<image :src="img" mode="aspectFit" class="img"></image>
		<view class="price">
			2999元/月
		</view>
		<view class="title">
			{{title}}
		</view>
		<view class="content">
			押一付二 无中介费
		</view>
		<view class="xinxi">
			西
			
			朝向
			
			70.00m
			
			面积
			
			高/8层
			
			楼层
			
			随时入住
			
			入驻时间
		</view>
		<view class="miaosu">
			房源描述
			
			位于3号线殷高西路站旁，文化氛围浓厚，周边交通便利，生活设施齐全。公寓设有多种风格房型，配备全新品牌家电、智能设备，享受智能化的居家体验。设有屋顶超大网红露台，简约晾晒区、公共厨房，公共洗衣烘干区等共享区域
		</view>
		<view class="pisition">
			小区位置
			<map class="map" :latitude="latitude" :longitude="longitude" show-location></map>
		</view>
		<view class="xiangxi">
			建面
			
			16m
			
			供暖
			
			无暖气
			
			年代
			
			2000
			
			状态
			
			立即入住
			
			户型
			
			1室1厅1卫
			
			楼层
			
			4/6层
			
			电梯
			
			有电梯
			
			绿化
			
			无
			
			签约
			
			3个月以上
		</view>
		<view class="footer">
			<button class="one">预约看房</button>
			<button class="two">在线联系</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img:'',
				title:'',
				latitude:'',
				longitude:''
			}
		},
		methods: {
			getLocation(){
				const that = this
				wx.getLocation({
				 type: 'gcj02',
				 success (res) {
					 console.log('返回位置信息',res)
				   that.latitude = res.latitude
				   that.longitude = res.longitude

				 }
				})
			}
		},
		onLoad(options){
			console.log(options)
			this.img = options.imgurl;
			this.title = options.title;
			this.getLocation()
		}
	}
</script>

<style lang="less" scoped>
	*{
		margin: 0;
		padding: 0;
	}
.img{
	width: 750rpx;
}
.map{
	width:700rpx;
	height: 300rpx;
	margin: 20rpx auto ;
}
.pisition{
	font-size: 38rpx;
	font-weight: 600;
}
.footer{
	position: fixed;
	bottom: 0;
	width: 750rpx;
	margin: 20rpx 0 0;
	padding-top:20rpx ;
	display: flex;
	justify-content: space-around;
	background-color: white;
}
button{
	width: 250rpx;
	color: white;
}
.one{
	background-color: rgba(255, 199, 28, 1);
}
.two{
	background-color: rgba(255, 102, 102, 1);
}
</style>
